<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <!-- <mate name="flexibel" content="initial-drl=2"/> -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
    <!--留存统计-->
    <script type="text/javascript" src="https://hy.yixueqm.com/zhiming/index.php/Home-Interface-remain?typeName=YC2019-J&nickName=2019流年运程-结果页&channel=<!--{$Think.cookie.channel}-->&uid=<!--{$Think.cookie.uid}-->"></script>

    <title>2019年流年运势详断</title>
    <!--[if lt IE 9]>  
        <script src="http://cdn.bootcss.com/html5shiv/r29/html5.js"></script>  
    <![endif]-->
    <link rel="stylesheet" href="__PUBLIC__/css/ZM_share.css" />
    <script src="__PUBLIC__/js/rem.js"></script>
    <script src="__PUBLIC__/js/jquery.min.js"></script>
    <style>
        *{margin:0;padding:0;}
        .weifu {overflow: hidden;padding: 10px;}
        table {
            border-spacing: 0;
        }
        .bg_gray {
            height: 5px;
            background: #e9e9e9;
            border-top: 1px solid #d7d7d7;
            border-bottom: 1px solid #d7d7d7;
        }
        .public_lnyc_title {
            height: 40px;
            line-height: 40px;
            border-bottom: 1px solid #d7d7d7;
            position: relative;
            padding-left: 45px;
            font-size: 18px;
            overflow: hidden;
            -ms-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: linear-gradient(to bottom,rgb(254,254,254),#f1f0f0);
            background: -o-linear-gradient(to bottom,rgb(254,254,254),#f1f0f0);
            background: -ms-linear-gradient(to bottom,rgb(254,254,254),#f1f0f0);
            background: -moz-linear-gradient(to bottom,rgb(254,254,254),#f1f0f0);
            background: -webkit-linear-gradient(to bottom,rgb(254,254,254),#f1f0f0);
        }
        .public_lnyc_title span {
            text-align: center;
            display: inline-block;
            width: 32px;
            height: 32px;
            color: #fff;
            border-radius: 3px;
            font-size: 12px;
            line-height: 15px;
            position: absolute;
            top: 4px;
            left: 5px;
            white-space: normal;
        }
        .public_lnyc_title span.green {background: #7abe2a;}
        .liunian_table { margin: 2px;color: #512a18;}
        .red_words {color: #a40b1c;}
        .red {color: #d52800;}
        .liunian_table table {width: 100%;background: #fff4d6;margin-bottom: 5px;border: 1px solid #ddbd67;}
        .liunian_table td.bg_col_y {
            background: #f8d0a8;
            color: #763515;
            border-right: 1px solid #ddbd67;
            border-bottom: 1px solid #ddbd67;
        }
        .liunian_table td {
            width: 10%;
            padding: 5px 0;
            box-sizing: border-box;
            border-right: 1px solid #ddbd67;
            border-bottom: 1px solid #ddbd67;
            text-align: center;
        }
        .hr_words {
            text-align: center;
            height: 30px;
            line-height: 30px;
            color: #a40b1c;
            border-left: 1px solid #ddbd67;
        }
        .liunian_table li {float: left;width: 25%;}
        .liunian_table li p {font-weight: 700;font-size: 20px;}
        .liunian_table td.bg_red {background: #a61222;color: #fff4d6;}
        .lnyc_txt {padding: 5px 10px 15px;line-height: 26px;}
        .lnyc_txt .red {color: #a61222;}
        .public_lnyc_title span.red {background: #a61222;}
        .public_lnyc_title i {
            position: absolute;
            right: 10px;
            top: 16px;
            background: url('__PUBLIC__/images/yunshi_img/icon_down.png') no-repeat;
            width: 15px;
            height: 8px;
            background-size: 100% 100%;
            display: inline-block;
            overflow: hidden;
        }
        .public_show_content {display: none;}
        .current_public_show .public_show_content {display: block;}
        .current_public_show .public_lnyc_title i {
            background: url('__PUBLIC__/images/yunshi_img/icon_up.png') no-repeat;
            width: 15px;
            height: 8px;
            background-size: 100% 100%;
        }
        .lnyc_yf_box {
            padding: 10px;
            line-height: 26px;
            color: #3f3f3f;
            overflow: hidden;
        }
        .ge_month {overflow: hidden;margin: 10px;}
        .lnys_piyu {
            overflow: hidden;
            background: #fffde6;
            border-top: 1px solid #ddbd67;
            border-bottom: 1px solid #ddbd67;
            padding: 10px;
        }
        .lnyc_yf_box .pic {margin: 0 5px;width: 30%;display: block;}
        .lnyc_yf_box .pic img {display: block;width: 100%;}
        .ge_month span {
            display: inline-block;
            float: left;
            height: 30px;
            line-height: 30px;
            margin-right: 5px;
        }
        .ge_month a {
            display: inline-block;
            height: 30px;
            line-height: 30px;
            border-radius: 3px;
            padding: 0 4px;
            border: 1px solid #ddbd67;
            background: #fffde6;
            color: #a61222;
            font-size: 14px;
            margin: 0 5px 5px 0;
            float: left;
        }
        .ge_month a.current {background: #a61222;color: #fff;}
        .lnys_piyu .box {width: 68px;text-align: center;margin-right: 10px;}
        .lnys_piyu .box .nian {
            height: 23px;
            line-height: 23px;
            background: #a61222;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
            color: #fff;
        }
        .lnys_piyu .box .yue {
            background: #fff;
            color: #a61222;
            font-weight: 700;
            font-size: 18px;
            border: 1px solid #d6d6d6;
            border-top: 0;
            padding: 2px 0 5px;
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

        em, i {font-style: normal;}
        .cs_tc_point{padding:0 30px;font-size:10px;color:#333333;}

        .qm_list{border:1px solid #fd8383;}
        .qm_title{font-size:20px;color:#f73232;padding:10px 0;text-align: center;font-family:'楷体';}
        .qm_name{font-size:14px;color:#333333;text-align: center;}
        .qm_content{display: flex;justify-content: space-around;padding-bottom:20px;}
        .qm_item{width: calc(100%/3);box-sizing: border-box;text-align: center;}
        .qm_item div{padding:10px 5px;}
        .qm_item div img{vertical-align: middle;height:50px;}
        .qm_item span{font-size:12px;color:#333333;font-family:'PingFang SC';}
    </style>
</head>
<body>
    <include file="Public/header"/>
    <div class="weifu">
        <div><span>订单号：</span><!--{$Think.cookie.Zorderid}--></div>
    </div>
    <div class="bg_gray"></div>
    <div class="public_show current_public_show">
        <if condition="$Think.cookie.QSorderNo eq 1">
            <else />
            <!-- 大师寄语 -->
            <!--<div class="dashi_point_warp">-->
                <!--<div class="dashi_point_title">你有一条留言:</div>-->
                <!--<div class="dashi_point_content">-->
                    <!--<img src="__PUBLIC__/images/lnyc2019_img/headImg.png" alt="大师头像" class="portrint">-->
                    <!--<div class="dashi_point_box" data-cid="one">-->
                        <!--<img src="__PUBLIC__/images/bzjp_img/img_yuyin3.png" alt="语音进度" id="Aone" class="dashi_icon">-->
        <!---->
                    <!--</div>-->
                    <!--<div class="dashi_audio_time newMsg">00:22"</div>-->
                <!--</div>-->
            <!--</div>-->

        </if>
        <div class="public_lnyc_title ">
            <span class="green">免费阅读</span>您的八字命盘<i></i>
        </div>
        <div class="public_show_content">
            <div class="liunian_table J_payBottomShow">
                <table>
                    <tbody>
                        <tr>
                            <td class="bg_col_y">命造</td>
                            <td class="bg_col_y" colspan="2">年柱</td>
                            <td class="bg_col_y" colspan="2">月柱</td>
                            <td class="bg_col_y" colspan="2">日柱</td>
                            <td class="bg_col_y" colspan="2">时柱</td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">天干十神</td>
                            <td class="red_words" colspan="2"><!--{$nianzhuss[0]}--></td>
                            <td class="red_words" colspan="2"><!--{$nianzhuss[1]}--></td>
                            <td class="red_words" colspan="2">命主</td>
                            <td class="red_words" colspan="2"><!--{$nianzhuss[2]}--></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">八字</td>
                            <td colspan="8">
                                <ul>
                                    <li><p><!--{:mb_substr($sizhu[0],0,1,'utf-8')}--></p><p><!--{:mb_substr($sizhu[0],1,1,'utf-8')}--></p></li>
                                    <li><p><!--{:mb_substr($sizhu[1],0,1,'utf-8')}--></p><p><!--{:mb_substr($sizhu[1],1,1,'utf-8')}--></p></li>
                                    <li><p><!--{:mb_substr($sizhu[2],0,1,'utf-8')}--></p><p><!--{:mb_substr($sizhu[2],1,1,'utf-8')}--></p></li>
                                    <li><p><!--{:mb_substr($sizhu[3],0,1,'utf-8')}--></p><p><!--{:mb_substr($sizhu[3],1,1,'utf-8')}--></p></li>
                                </ul>
                            </td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">藏干</td>
                            <td colspan="2"><!--{$canggan[0]}--></td>
                            <td colspan="2"><!--{$canggan[1]}--></td>
                            <td colspan="2"><!--{$canggan[2]}--></td>
                            <td colspan="2"><!--{$canggan[3]}--></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">地支十神</td>
                            <td colspan="2"><p><!--{$zhishen[0]}--></p></td>
                            <td colspan="2"><p><!--{$zhishen[1]}--></p></td>
                            <td colspan="2"><p><!--{$zhishen[2]}--></p></td>
                            <td colspan="2"><p><!--{$zhishen[3]}--></p></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">纳音</td>
                            <td colspan="2"><p><!--{$sizhuny[0]}--></p></td>
                            <td colspan="2"><p><!--{$sizhuny[1]}--></p></td>
                            <td colspan="2"><p><!--{$sizhuny[2]}--></p></td>
                            <td colspan="2"><p><!--{$sizhuny[3]}--></p></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">地势</td>
                            <td colspan="2"><!--{$bzdishi[0]}--></td>
                            <td colspan="2"><!--{$bzdishi[1]}--></td>
                            <td colspan="2"><!--{$bzdishi[2]}--></td>
                            <td colspan="2"><!--{$bzdishi[3]}--></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">喜用神:<!--{$xiys}--></td>
                            <td colspan="4"><p>旺相休囚死:</p><p class="red_words"><!--{$wxsqs}--></p></td>
                            <td colspan="2"><p>胎元:</p><p class="red_words"><!--{$taiyuan}--></p></td>
                            <td colspan="2"><p>日空:</p><p class="red_words"><!--{$rikong}--></p></td>
                        </tr>
                        <tr>
                            <td colspan="10" class="hr_words">起大运：出生后<!--{$dayunx}-->年<!--{$dayuny}-->月起大运</td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">大运岁数</td>
                            <if condition="$datacolor eq 0"><td class="bg_red"><else /><td></if><!--{$dayun+1}--></td>
                            <if condition="$datacolor eq 1"><td class="bg_red"><else /><td></if><!--{$dayun+11}--></td>
                            <if condition="$datacolor eq 2"><td class="bg_red"><else /><td></if><!--{$dayun+21}--></td>
                            <if condition="$datacolor eq 3"><td class="bg_red"><else /><td></if><!--{$dayun+31}--></td>
                            <if condition="$datacolor eq 4"><td class="bg_red"><else /><td></if><!--{$dayun+41}--></td>
                            <if condition="$datacolor eq 5"><td class="bg_red"><else /><td></if><!--{$dayun+51}--></td>
                            <if condition="$datacolor eq 6"><td class="bg_red"><else /><td></if><!--{$dayun+61}--></td>
                            <if condition="$datacolor eq 7"><td class="bg_red"><else /><td></if><!--{$dayun+71}--></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">大运年份</td>
                            <if condition="$datacolor eq 0"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[0],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[0],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 1"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[1],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[1],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 2"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[2],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[2],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 3"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[3],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[3],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 4"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[4],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[4],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 5"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[5],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[5],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 6"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[6],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[6],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 7"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayungz[7],0,1,'utf-8')}--><br><!--{:mb_substr($dayungz[7],1,1,'utf-8')}--></td>
                        </tr>
                        <tr>
                            <td class="bg_col_y">十神</td>
                            <if condition="$datacolor eq 0"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[0],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[0],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 1"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[1],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[1],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 2"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[2],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[2],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 3"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[3],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[3],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 4"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[4],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[4],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 5"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[5],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[5],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 6"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[6],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[6],1,1,'utf-8')}--></td>
                            <if condition="$datacolor eq 7"><td class="bg_red"><else /><td></if><!--{:mb_substr($dayunss[7],0,1,'utf-8')}--><br><!--{:mb_substr($dayunss[7],1,1,'utf-8')}--></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="lnyc_txt">
                <p class="red">命盘点评</p>
                <p><!--{$lnyuncheng['dianping']}-->。
                <strong>那么，2019年的详细运程如何呢？在感情事业上有哪些起伏变动呢？</strong></p>
            </div>
        </div>
        <div class="bg_gray"></div>
    </div>

    <!--签名-->
    <if condition="$qianming eq 1">
        <div class="qm_list">
            <div class="qm_title">书法大师为您量身定制的签名</div>
            <p class="qm_name">(<!--{$Think.cookie.znickname}-->)</p>
            <div class="qm_content">
                <div class="qm_item">
                    <div><img src='<!--{$yibiart}-->'></div>
                    <span>一笔签</span>
                </div>
                <div class="qm_item">
                    <div><img src='<!--{$yibiartx}-->'></div>
                    <span>个性签</span>
                </div>
                <div class="qm_item">
                    <div><img src='<!--{$yibiarty}-->'></div>
                    <span>商务签</span>
                </div>
            </div>
        </div>
        <else />
    </if>



    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>2019年重要运势看榜<i></i></div>
        <div class="public_show_content">
            <div class="lnyc_yf_box ">
                <div class="pic right"><img src="__PUBLIC__/images/yunshi_img/img_yf01.jpg" alt="2019年重要运势看榜"></div>
                <!--{$lnyuncheng2019['yunshi']}-->
            </div>
            <div class="ge_month">
                <span>各月份运势简介:</span>
                <a href="javascript:;" class="current" data-info="<!--{$lnyuncheng2019['monthArr'][1]}-->">正月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][2]}-->">二月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][3]}-->">三月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][4]}-->">四月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][5]}-->">五月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][6]}-->">六月</a>
                <!--<a href="javascript:;" data-info="&lt;!&ndash;{$lnyuncheng2019['monthArr'][7]}&ndash;&gt;">闰六月</a>-->
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][7]}-->">七月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][8]}-->">八月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][9]}-->">九月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][10]}-->">十月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][11]}-->">十一月</a>
                <a href="javascript:;" data-info="<!--{$lnyuncheng2019['monthArr'][12]}-->">十二月</a>
            </div>
            <div class="lnys_piyu">
                <div class="left box">
                    <p class="nian">2019</p>
                    <p id="yuetitle" class="yue">正月</p>
                </div>
                <div id="yueinfo" class="">运势批语：<!--{$lnyuncheng2019['monthArr'][1]}--></div>
            </div>
        </div>
    </div>
    <div class="bg_gray"></div>
    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>您在2019年的财运<i></i></div>
        <div class="lnyc_yf_box public_show_content">
            <div class="pic right"><img src="__PUBLIC__/images/yunshi_img/img_yf02.jpg" alt="您在2019年的财运"></div>
            <!--{$lnyuncheng2019['caiyun']}-->
            <br/>
            <p><b>精打细算:</b><!--{$jdxs2019['jdxs']['title']}--></p>
            <p><!--{$jdxs2019['jdxs']['text']}--></p>
            <p><b>当心破财:</b><!--{$jdxs2019['dxpc']['title']}--></p>
            <p><!--{$jdxs2019['dxpc']['text']}--></p>
        </div>

    </div>
    <div class="bg_gray"></div>
    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>您在2019年的事业运<i></i></div>
        <div class="lnyc_yf_box public_show_content">
            <div class="pic left"><img src="__PUBLIC__/images/yunshi_img/img_yf03.jpg" alt="您在2019年的事业运"></div>
            <!--{$lnyuncheng2019['shiye']}-->
        </div>
    </div>
    <div class="bg_gray"></div>
    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>2019年您的感情生活变化<i></i></div>
        <div class="lnyc_yf_box public_show_content">
            <div class="pic right"><img src="__PUBLIC__/images/yunshi_img/img_yf04.jpg" alt="2019年你的感情生活会有什么大变化？"></div>
            <!--{$lnyuncheng2019['aiqing']}-->

            <br/>
            <p><b>桃花指数:</b><!--{$jdxs2019['taohua']['title']}--></p>
            <p><!--{$jdxs2019['taohua']['text']}--></p>
            <p><b>烂桃花:</b><!--{$jdxs2019['lantaohua']['title']}--></p>
            <p><!--{$jdxs2019['lantaohua']['text']}--></p>
        </div>
    </div>
    <div class="bg_gray"></div>
    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>2019年您的健康状况如何<i></i></div>
        <div class="lnyc_yf_box public_show_content">
            <div class="pic left"><img src="__PUBLIC__/images/yunshi_img/img_yf05.jpg" alt="2019年你的健康状况如何？"></div>
            <!--{$lnyuncheng2019['jiankang']}-->
        </div>
    </div>

    <div class="bg_gray"></div>
    <div class="public_show">
        <div class="public_lnyc_title"><span class="red">已经解锁</span>2019年您的学习运势如何？<i></i></div>
        <div class="lnyc_yf_box public_show_content">
            <div class="pic left"><img src="__PUBLIC__/images/yunshi_img/img_yf07.jpg" alt="2019年你的健康状况如何？"></div>
            <!--{$lnyuncheng2019['xueye']}-->
        </div>
    </div>

    <div class="bg_gray"></div>
    <if condition="($Think.cookie.QSorderNo eq 1) or ($Think.cookie.dashiQsNOdisplay eq 1)">

        <else />
         <!-- 4.14改版 -->
        <div class="dashi_point_warp border2">
            <!--<div class="dashi_point_title">你有一条留言:</div>-->
            <!--<div class="dashi_point_content">-->
                <!--<img src="__PUBLIC__/images/lnyc2019_img/headImg.png" alt="大师头像" class="portrint">-->
                <!--<div class="dashi_point_box"  data-cid="two">-->
                    <!--<img src="__PUBLIC__/images/bzjp_img/img_yuyin3.png" alt="语音进度" id="Atwo"  class="dashi_icon">-->
            <!---->
                <!--</div>-->
                <!--<div class="dashi_audio_time newMsg">00:46"</div>-->
            <!--</div>-->
            <p class="kefu_point">如果对结果有不懂，或者想深度和大师一对一私聊的话，可以点击下面的按钮和大师沟通。</p>
            <div class="kefu_btn weixinzf">大师在线 立即连线</div>
        </div>
        <img src="__PUBLIC__/images/public/kfzx.png" width="100%" alt="">
        <img src="__PUBLIC__/images/bzjp_img/pingjia.jpg" width="100%" alt="">
    </if>
    

    <audio src="" id="myAudio">
        您的浏览器不支持 audio 标签。
    </audio>
    <script>
        var num = 1;
        var clearTime;
        function setTimeAnimation(NodeClass){
            num++;
            if(num >3){
                num=1;
            }
            clearTime = setTimeout(function(){
                $(NodeClass).attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin"+num+".png");
                setTimeAnimation(NodeClass);
            },400)
        }
        

        var audio = document.getElementById('myAudio');
        document.addEventListener("WeixinJSBridgeReady", function () {
            audio.play();
        }, false);


        $('.dashi_point_box').on('click',function(){

            if($(this).attr('data-cid')=='one'){
                clearTimeout(clearTime);
                if($(this).hasClass('play')){
                    $(this).removeClass('play');
                    audio.pause();
                }else{
                    $('.dashi_point_box').removeClass('play');
                    $(this).addClass('play');
                    $('#myAudio').attr('src','__PUBLIC__/images/yunshi_img/yunshi_top.mp3');
                    audio.play();
                    $(this).next('.dashi_audio_time').removeClass('newMsg');
                }
                
            }else if($(this).attr('data-cid')=='two'){
                clearTimeout(clearTime);
                if($(this).hasClass('play')){
                    $(this).removeClass('play');
                    audio.pause();
                }else{
                    $('.dashi_point_box').removeClass('play');
                    $(this).addClass('play');
                    $('#myAudio').attr('src','__PUBLIC__/images/yunshi_img/yunshi_bottom.mp3');
                    audio.play();
                    $(this).next('.dashi_audio_time').removeClass('newMsg');
                }
            }
        });

        audio.addEventListener("play", function(){

            if($('#myAudio').attr('src')=='__PUBLIC__/images/yunshi_img/yunshi_top.mp3'){
                clearTimeout(clearTime);
                $('#Atwo').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
                setTimeAnimation('#Aone');
            }
            if($('#myAudio').attr('src')=='__PUBLIC__/images/yunshi_img/yunshi_bottom.mp3'){
                clearTimeout(clearTime);
                $('#Aone').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
                setTimeAnimation('#Atwo');
            }
        });
        
        audio.addEventListener("pause", function(){
            $('.dashi_point_box').removeClass('play');
            if($('#myAudio').attr('src')=='__PUBLIC__/images/yunshi_img/yunshi_top.mp3'){
                clearTimeout(clearTime);
                $('#Aone').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
            }
            if($('#myAudio').attr('src')=='__PUBLIC__/images/yunshi_img/yunshi_bottom.mp3'){
                clearTimeout(clearTime);
                $('#Atwo').attr('src',"__PUBLIC__/images/bzjp_img/img_yuyin3.png");
            }
        });
        
        
    </script>
             
    <!-- 弹窗 -->
    <!--<if condition="$wxlogin eq 1">-->
        <!--<div class="cs_tc_container">-->
            <!--<div class="cs_tc_warp">-->
                <!--<img src="__PUBLIC__/images/yunshi_img/img_2019ys.png" width="100%" alt=""> -->
                <!--<div class="lingqu_btn">领取并分享</div>-->
                <!--<span class="closeBtn"></span>-->
            <!--</div>-->
        <!--</div>-->
    <!--<else /></if>-->
    <!-- 提示分享 -->
    <div class="ts_tc_container">   
        <div class="ts_tc_bg">
            <div class="ts_tc_contnet">点击右上角分享到微信群和朋友圈。</div>
        </div>
    </div>
    <if condition="$Think.cookie.QSorderNo eq 1">

        <else />
        <!-- 加大师微信 -->
        <div class="fiex_bt weixinzf" id="fiex" style="display: block">
            <a href="javascript:;">加大师微信一对一亲算</a>
        </div>
    </if>
    
    <!-- 热门测算 -->
    <div class="hot_cs">
          <include file="Public/zhiming" />
    </div>
    <!-- 结果特别提醒 -->
    <include file="Public/ZM_point" />
    <!-- 脚 -->
    <footer class="footer_severs" style="padding-bottom:61px;">
        <include file="Public/bottom" />
    </footer>

    <script src="__PUBLIC__/js/layer/layer.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript">

        $('.closeBtn').on('click',function(){
            $('.cs_tc_container').css('display','none');
        })
        $('.lingqu_btn').on('click',function(){//领取并分享
            $('.cs_tc_container').css('display','none');
            $('.ts_tc_container').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeFxlq','',false)}-->",{csName:'YC'},function(data){//回调入库
            });
        })
        $('.ts_tc_container').on('click',function(){
            $('.ts_tc_container').css('display','none');
        })
        
        $('.cs_tc_container').on('click',function(){$('.cs_tc_container').css('display','none');})
        $('.cs_tc_warp').on('click',function(e){e.stopPropagation()})
        
        $('#fiex').on('click',function(){//加大师微信一对一亲算
            $('#publicPayPopup').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeXfan','',false)}-->",{csName:'YC'},function(data){//回调入库
            });
        })
        $('.dashi_zaixian_container').on('click',function(){
            $('#publicPayPopup').css('display','block');
        })
        $('#publicPPClose').on('click',function(){
            $('#publicPayPopup').css('display','none');
        })
        $('.kefu_btn').on('click',function(){//大师在线 立即连线
            $('#publicPayPopup').css('display','block');
            $.getJSON("<!--{:U('Index/jieguoyeDszx','',false)}-->",{csName:'YC'},function(data){//回调入库
            });
        })

        $('.public_lnyc_title').on('click',function(){
             if($(this).next('.public_show_content').css('display') == 'none'){
                $(this).next('.public_show_content').css('display','block')
                $(this).parent('.public_show ').addClass('current_public_show');
            }else{
                $(this).next('.public_show_content').css('display','none')
                $(this).parent('.public_show').removeClass('current_public_show');
            }
         });
        $(".ge_month a").click(function(){
            $(".ge_month a").removeClass('current');
            $(this).addClass('current');
            var yue=$(this).html();
            var yueinfo=$(this).data('info');
            $('#yuetitle').html(yue);
            $('#yueinfo').html('运势批语：'+yueinfo);
        })
        function getTotalPrice() {
            var total_price = 0;
            var i=0;
            var ids=new Array();
            $(".chk1").each(function() { //循环
                if($(this).hasClass("active")){
                    i++;
                    total_price+=parseFloat($(this).data('price'));
                    ids.push($(this).data('id'));
                }
            });
            $("#chooseids").val(ids.join(','));
            if(i==2){total_price=total_price-58};
            $("#all_price").html(total_price);
        }
        //getTotalPrice();
        $(function() {
            $("#products_list").on('click','.chk1',function(){
                if($(this).hasClass("active")){
                    $(this).removeClass('active');
                }else{
                    $(this).addClass('active');
                }
                getTotalPrice();
            })
        });


        var qsPay="<!--{$qsPay}-->";
        var wxlogin='<!--{$wxlogin}-->';
        if (wxlogin == 1) {
            wx.config({
                debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
                appId: '<!--{$appid}-->', // 必填，公众号的唯一标识
                timestamp: '<!--{$timestamp}-->', // 必填，生成签名的时间戳
                nonceStr: '<!--{$noncestr}-->', // 必填，生成签名的随机串
                signature: '<!--{$signature}-->',// 必填，签名，见附录1
                jsApiList: [
                    'checkJsApi',
                    'openLocation',
                    'getLocation',
                    'onMenuShareTimeline',
                    'onMenuShareAppMessage',
                    'scanQRCode'
                ] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
            });

            wx.ready(function () {
                // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，
                // 则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
//         alert('成功');
                wx.onMenuShareAppMessage({
                    title: '2019年你一定要看的运势分析，神准！', // 分享标题
                    desc: '“往者不可谏，来着犹可追。”对于2019年你会有哪些期许呢？新的一年里，你在学习、工作、人际、事业以及感情上都会有哪些起伏波动？整体运程对你的生活有哪些帮扶和阻滞？2019年流年运程由专业的大师团队打造的一款产品，让你在2019年迅速地找到新的方向和突破口。', // 分享描述
                    link: '<!--{$Think.cookie.YCwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/06.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $('.ts_tc_container').css('display','none');
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                        });
                    },
                    cancel: function () {
                        // 用户取消分享后执行的回调函数
                    }
                });

                wx.onMenuShareTimeline({
                    title: '2019年你一定要看的运势分析，神准！', // 分享标题
                    desc: '“往者不可谏，来着犹可追。”对于2019年你会有哪些期许呢？新的一年里，你在学习、工作、人际、事业以及感情上都会有哪些起伏波动？整体运程对你的生活有哪些帮扶和阻滞？2019年流年运程由专业的大师团队打造的一款产品，让你在2019年迅速地找到新的方向和突破口。', // 分享描述
                    link: '<!--{$Think.cookie.YCwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/06.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                        $('.ts_tc_container').css('display','none');
                        $.getJSON("<!--{:U('Index/wxShare','',false)}-->",{csName:'SY'},function(data){//回调入库
                        });
                    }

                });

                wx.onMenuShareQQ({
                    title: '2019年你一定要看的运势分析，神准！', // 分享标题
                    desc: '“往者不可谏，来着犹可追。”对于2019年你会有哪些期许呢？新的一年里，你在学习、工作、人际、事业以及感情上都会有哪些起伏波动？整体运程对你的生活有哪些帮扶和阻滞？2019年流年运程由专业的大师团队打造的一款产品，让你在2019年迅速地找到新的方向和突破口。', // 分享描述
                    link: '<!--{$Think.cookie.YCwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/06.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareQZone({
                    title: '2019年你一定要看的运势分析，神准！', // 分享标题
                    desc: '“往者不可谏，来着犹可追。”对于2019年你会有哪些期许呢？新的一年里，你在学习、工作、人际、事业以及感情上都会有哪些起伏波动？整体运程对你的生活有哪些帮扶和阻滞？2019年流年运程由专业的大师团队打造的一款产品，让你在2019年迅速地找到新的方向和突破口。', // 分享描述
                    link: '<!--{$Think.cookie.YCwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/06.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.onMenuShareWeibo({
                    title: '2019年你一定要看的运势分析，神准！', // 分享标题
                    desc: '“往者不可谏，来着犹可追。”对于2019年你会有哪些期许呢？新的一年里，你在学习、工作、人际、事业以及感情上都会有哪些起伏波动？整体运程对你的生活有哪些帮扶和阻滞？2019年流年运程由专业的大师团队打造的一款产品，让你在2019年迅速地找到新的方向和突破口。', // 分享描述
                    link: '<!--{$Think.cookie.YCwxfxUrl}-->', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                    imgUrl: 'http://hy.yixueqm.com/zhiming/Public/images/public/06.png', // 分享图标  http://api.xbd61.com/hebazi/public/img/icon.png
                    type: '', // 分享类型,music、video或link，不填默认为link
                    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
                    success: function (res) {
                        // 用户确认分享后执行的回调函数
                    }
                });

                wx.error(function (res) {
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名
//         alert('失败');
                });

            });
            $(".weixinzf").on('click',function(){
                $.getJSON("<!--{:U('Index/ydy_click','',false)}-->",{csName:'YJ'},function(data){//大师一对一统计次数
                });
                if(qsPay==1){
                    alert('已支付');
                }else{
                    WeixinJSBridge.invoke(
                            'getBrandWCPayRequest', {
                                "appId":"<!--{$appId}-->",     //公众号名称，由商户传入
                                "timeStamp":"<!--{$timeStamp}-->",         //时间戳，自1970年以来的秒数
                                "nonceStr":"<!--{$nonceStr}-->", //随机串
                                "package":"<!--{$package}-->",
                                "signType":"<!--{$signType}-->",         //微信签名方式：
                                "paySign":"<!--{$paySign}-->" //微信签名
                            },
                            function(res){
                                if(res.err_msg == "get_brand_wcpay_request:ok" ) {
                                    location.href="<!--{:U('Bzcy/payzfEnd','',false)}-->";
                                }     // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回    ok，但并不保证它绝对可靠。
                            }
                    );
                }

            });
        }else{
            var channel="<!--{$channel}-->";
            var qsPay="<!--{$qsPay}-->";
            $(".weixinzf").on('click',function(){
                $.getJSON("<!--{:U('Index/ydy_click','',false)}-->",{csName:'YJ'},function(data){//大师一对一统计次数
                });
                if(qsPay==1){
                    alert('已支付');
                }else{
                    if(channel=='qudao26'){
                        location.href="<!--{:U('Index/lianshangZF','',false)}-->?csName=一对一亲算";//亲算公共支付
                    }else{
                        location.href="<!--{:U('Index/payZfb','',false)}-->";//支付宝亲算公共支付
                    }
                }
            });
        }
    </script>
</body>
</html>